<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>指尖金融</title>
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
	</head>

	<body>
		<div id="head" class="none"></div>
		<div id="content">
			<div class="title_div">
				<a href="javascript:void(0)" class="main">首页</a>&nbsp;&gt;&nbsp;<span style="color: #FF7344;">产品详情</span>
			</div>
			<div class="product_detail">
				<div class="" id="mainBulkstockListBody">
				</div>
				<script type="text/template" id="mainFinanceProductListTpl">
					{@each datas as it}
					<div class="div1">
						<span id="">
						${it.productName}<span style="color: #FB3838; font-size: 12px;">
							({@if it.bail === true} 
								需要保证金 保证金比例 ${it.bailRate}%
							{@else}
								不需要保证金
							{@/if})
						</span>
						</span>
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div2">

						<div class="">
							<span id="">费率低至</span>
							<br />
							<br />
							<span id="rate" class="span2">${it.lowestInterest}%(${getValueByKey(46, it.loanMethod)})</span>
						</div>
						<div class="">
							<span id="">
						融资期限
					</span>
							<br />
							<br />
							<span id="underline" class="span2">
						${it.minDays}~${it.maxDays}天
					</span>
						</div>
						<div class="">
							<span id="">
						产品有效期至
					</span>
							<br />
							<br />
							<span id="endDate" class="span2">
						${it.endDate}
					</span>
						</div>
						<div class="" style="margin-bottom: 10px;">
							<a id="${it.productId}" href="javascript:void(0);" class="instantlyFinance">立即融资</a>
						</div>
					</div>
					<img src="../../../res/png/product_detail.png" style="padding-left: 150px;" />
					<div class="div4">
						<span>100%货物托运保障</span><span style="margin-left: 269px;">全程动态融资</span><span style="margin-left: 253px;">完善的三方合同条约</span>
					</div>
					<div class="div5">
						产品介绍
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div6">
						${it.description}
						{@if it.publicityPicture != ""}
							<img style="width: 100%;" src="/finance/api/v1.0/downloadFile.file?fileUuid=${it.publicityPicture}" />
						{@/if}
					</div>
					<div class="div7">
						产品附件
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div8">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>附件名</th>
								<th>操作</th>
							</tr>
							{@each it.d as t}
							<tr>
								<td>${t.fileName}</th>
									<td><a target="_blank" href="/finance/api/v1.0/downloadFile.file?fileUuid=${t.fileUuid}">下载</a>
										<td>
							</tr>
							{@/each}
						</table>
					</div>
					<div class="div7">
						合同范本
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div8">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>附件名</th>
								<th>操作</th>
							</tr>
							{@each it.d1 as t}
							<tr>
								<td>${t.fileName}</th>
									<td><a target="_blank" href="/finance/api/v1.0/downloadFile.file?fileUuid=${t.fileUuid}">下载</a>
										<td>
							</tr>
							{@/each}
						</table>
					</div>
					<div class="div7">
						产品费用
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div8">
						<table border="" cellspacing="0" cellpadding="" id="productExpense">
							<tr>
								<th>费用名称</th>
								<th>计算方式</th>
								<th>货类</th>
								<th>货名</th>
								<th>计算单位</th>
								<th>费用</th>
							</tr>
							{@each it.expenses as item}
							<tr>
								<td>${item.expenseName}</th>
									<td>${getValueByKey(27, item.expenseMethod)}</th>
										<td>${item.categoryName}</th>
											<td>${item.bulkstockName}</th>
												<td>${getValueByKey(43, item.unit)}</td>
												<td>${item.amount}
													<td>
							</tr>
							{@/each}
						</table>
					</div>
					<div class="div7">
						提前罚息
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div8">
						<table border="0" cellspacing="0" cellpadding="0" id="">
							<tr>
								<th>计算方式</th>
								<th>货物类别</th>
								<th>货名</th>
								<th>计算日期区间</th>
								<th>服务费</th>
							</tr>
							{@each it.aheadInterests as item}
							<tr>
								<td>${getValueByKey(27, item.expenseMethod)}</td>
								<td>${item.categoryName}</td>
								<td>${item.bulkstockName}</td>
								<td>第${item.startDay}~${item.endDay}天</td>
								<td>${item.amount}%</td>
							</tr>
							{@/each}
						</table>
					</div>
					<div class="div7">
						延期罚息
						<div class="" style="border-bottom: 1px solid #ccc;">
							<img src="../../../res/png/borderimg.png" />
						</div>
					</div>
					<div class="div8">
						<table border="0" cellspacing="0" cellpadding="0" id="">
							<tr>
								<th>计算方式</th>
								<th>货物类别</th>
								<th>货名</th>
								<th>计算日期区间</th>
								<th>服务费</th>
							</tr>
							{@each it.overdueInterests as item}
							<tr>
								<td>${getValueByKey(27, item.expenseMethod)}</td>
								<td>${item.categoryName}</td>
								<td>${item.bulkstockName}</td>
								<td>第${item.startDay}~${item.endDay}天</td>
								<td>${item.amount}%</td>
							</tr>
							{@/each}
						</table>
					</div>
					{@/each}
				</script>
				<div class="clear">
				</div>
			</div>
		</div>
		<div id="footer" class="w1200 none">
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/enterprise/config.js"></script>
		<script src="../../../js/juicer-min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			seajs.use('./productDetail', function(product) {
				product.init();
			});
		</script>
	</body>

</html>